<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
	<link rel="stylesheet" type="text/css" href="/css/index.css"/>
    <link rel="stylesheet" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="/lib/jquery-3.4.1/jquery-3.4.1.js"></script>
    <script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
  <!-- 导航栏 -->
    <nav class="navbar navbar-default" style="margin-bottom: 0;">
      <div class="container">
        <div class="nav navbar-nav navbar-left">
			<div class="log">
				<img src="/images/indexImg/log1.png" alt="">
				<img alt="Brand" src="/images/indexImg/log2.png">
			</div>
			<ul id="navUl">
				
			</ul>
			<script type="text/html" id="navUnit">
				{{each list item}}
				<li>
					<a href="/html/list.html?a={{item.id}}"><p>{{item.name}}</p></a>
				</li>
				{{/each}}
			</script>
        </div>

        <ul class="nav navbar-nav navbar-right">
          <form class="navbar-form ">
            <input type="text" id="search" placeholder="HUAWEI P40  HUAWEI Mate 30">
            <span class="glyphicon glyphicon-search"></span>
          </form>
        </ul>
      </div>
    </nav>
	<!-- 下拉菜单 -->
	<div class="navList" >
		
	</div>
	<script type="text/html" id="navListBrash">
		<div >
			<b>全部手机</b>
			<span> > </span>
			<span><a href="/html/list.html?a={{res[1].id}}">HUAWEI Mate系列</a></span>
			<span><a href="/html/list.html?a={{res[2].id}}"> HUAWEI P系列</a></span>
			<span><a href="/html/list.html?a={{res[3].id}}"> HUAWEI nova系列</a></span>
			<span><a href="/html/list.html?a={{res[4].id}}"> 华为畅想系列</a></span>
			<span><a href="/html/list.html?a={{res[5].id}}"> HUAWEI 麦芒系列</a></span>
		</div>
		<ul>
			{{each res a}}
			<li>
				<a href="/html/list.html?a={{a.id}}">
				<img src="/images/indexImg/navList1.png">
				</a>
				<a href="/html/list.html?a={{a.id}}"><p>HUAWEI P40</p></a>
				<a href="/html/list.html?a={{a.id}}"><span>￥5188</span></a>
			</li>
			{{/each}}
		</ul>

	</script>
    <!-- 轮播图 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 
      <ul class="carousel-indicators"> 
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 
        <li data-target="#carousel-example-generic" data-slide-to="1"></li> 
        <li data-target="#carousel-example-generic" data-slide-to="2"></li> 
        <li data-target="#carousel-example-generic" data-slide-to="3"></li> 
      </ul>
      <div class="carousel-inner" role="listbox"> 
        <div class="item active">
          <img class="img-responsive" src="/images/indexImg/banner1.jpg"/>
          <div class="carousel-caption"> 
          </div> 
        </div> 
        <div class="item">
          <img class="img-responsive" src="/images/indexImg/banner2.png"/>
        <div class="carousel-caption"> 
        </div>
        </div> 
        <div class="item">
          <img class="img-responsive" src="/images/indexImg/banner3.jpg"/>
        <div class="carousel-caption">
        </div> 
        </div> 
        <div class="item">
          <img class="img-responsive" src="/images/indexImg/banner4.png"/>
        <div class="carousel-caption">
        </div> 
        </div> 
      </div>
    </div>
	<!-- 列表页 -->
	<div class="listUnit">
		<ul id="listUnitUl">
		</ul>
		<script type="text/html" id="listUnitBrash">
			{{each list item}}
				<li>
					<a href="/html/list.html?a={{item.id}}"><img src="{{item.imgSrc}}" ></a>
					<a href="/html/list.html?a={{item.id}}"><p>{{item.txt}}</p></a>
				</li>
			{{/each}}
		</script>
	</div>
    <!-- 品类 -->
    <div class="typeBox">
      <ul class="typeList">
        <li><a>尖货推荐</a></li>
        <li><a>爆款手机</a></li>
        <li><a>笔记本&平板</a></li>
        <li><a>智能家居</a></li>
        <li><a>更多品类</a></li>
      </ul>
    </div>
	<!-- 活动链接 -->
	<div class="backBox">
		<div class="moreBox">
			<ul>
				<li><img src="/images/indexImg/more1.png" ></li>
				<li><img src="/images/indexImg/more2.png" ></li>
				<li><img src="/images/indexImg/more3.png" ></li>
				<li><img src="/images/indexImg/more4.png" ></li>
				<li><img src="/images/indexImg/more5.png" ></li>
			</ul>
		</div>
		<!-- 尖货推荐 -->
		<div class="draw">
			<img src="/images/indexImg/tuijian.jpg" >
		</div>
		<!-- 产品展示 -->
		<div class="prodBox">
			<ul>
				<li>
					<a href="">
						<img src="/images/indexImg/prod1.png" >
						<h3>HUAWEI P40 Pro 5G</h3>
						<h4>5000万超感知徕卡四摄</h4>
						<p>
							<span>￥</span>
							<span>5988</span>
							<span>起</span>
						</p>
						
					</a>
				</li>
				<li>
					<a href="">
						<img src="/images/indexImg/prod2.jpg" >
						<h3>HUAWEI P40 Pro 5G</h3>
						<h4>5000万超感知徕卡四摄</h4>
						<p>
							<span>￥</span>
							<span>5988</span>
							<span>起</span>
						</p>
					</a>
				</li>
				<li>
					<a href="">
						<img src="/images/indexImg/prod3.jpg" >
						<h3>HUAWEI P40 Pro 5G</h3>
						<h4>5000万超感知徕卡四摄</h4>
						<p>
							<span>￥</span>
							<span>5988</span>
							<span>起</span>
						</p>	
					</a>
				</li>
				<li>
					<a href="">
						<img src="/images/indexImg/prod4.png" >
						<h3>HUAWEI P40 Pro 5G</h3>
						<h4>5000万超感知徕卡四摄</h4>
						<p>
							<span>￥</span>
							<span>5988</span>
							<span>起</span>
						</p>						
					</a>
				</li>
			</ul>
		</div>
		<div class="draw">
			<img src="/images/indexImg/draw.jpg" >
		</div>
		<!-- foot抽奖 -->
		<div class="footBox">
			<div class="footLeft">
				<ul>
					<li><img src="/images/indexImg/run.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
					<li class="startDraw"><img src="/images/indexImg/start.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
					<li><img src="/images/indexImg/run.png" ></li>
				</ul>
				<div class="startNone">
					很遗憾，未能中奖！
					<p class="toReturn">返回</p>
				</div>
			</div>
			<div class="footRight">
				<h2>活动规则</h2>
				<p>1、活动时间：<br>020年6月29日-2020年6月30日<br>2、参与方式：活动期间登陆华为商城帐号，在翻牌抽奖区域点击参与翻牌抽奖，同一帐号每天有3次免费抽奖机会，抽奖机会当天有效不累计。<br>
				<a href=""><span>更多详情></span></a>
				</p>
				<h2>中奖名单</h2>
				<div class="footList">
					<ul>
						<li>
							<b>18***2510</b>
							<i>抽中 华为品牌20元优惠券</i>
						</li>
						<li>
							<b>18***2510</b>
							<i>抽中 华为品牌20元优惠券</i>
						</li>
						<li>
							<b>18***2510</b>
							<i>抽中 华为品牌20元优惠券</i>
						</li>
						<li>
							<b>18***2510</b>
							<i>抽中 华为品牌20元优惠券</i>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 返回顶部 -->
		<div class="returnBox">
			<h2>因可能存在系统缓存、页面更新导致价格变动异常，商品促销信息请以商品详情页为准。</h2>
			<div class="returnTop">
				<p class="returnLeft"><a href="javascript:void(0)" >活动详情</a></p>
				<p class="returnRight"><a href="#">返回顶部</a></p>
			</div>
		</div>
	</div>
	<script src="/lib/require.min.js" data-main="/js/index.js"></script>
</body>
</html>